<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

  <style>
    .p1{
      width: 100px;

      text-overflow: ellipsis;
      height: 50px;
      overflow: hidden;
    }
  </style>
</head>
<body>
<!--
1、文本阴影
  text-shadow: 水平偏移 垂直便宜 模糊度 颜色
  text-shadow： 5px 5px 5px red;

2、文本自动换行
  word-wrap: normal | break-word
    normal: 只允许在断字点换行
    break-word： 在长单词或url地址内部进行换行

3、单词拆分
  word-break: normal | break-all | keep-all
    normal 默认换行规则
    break-all 允许在单词内换行
    keep-all 只能在半角空格或字符除

4、文本拆分(主流浏览器都不支持)：
  text-wrap：normal | none | unrestricted | suppress

5、文本溢出:
  a)单行文本溢出
    text-overflow: clip | ellipsis | string

  b）多行文本溢出（ie不支持）
    display: -webkit-box
    -webkit-box-orient: vertical
    -webkit-line-clamp: 行数
    overflow：hidden

-->

<p class="p1">撒发射点发射点发射点发哈可接受的法拉利撒打发手动阀实打实的发撒旦发噶货款收到两份</p>

</body>
</html>